<link type="text/css" href="<?=site_url()?>js/ui/themes/start/jquery.ui.all.css" rel="stylesheet" />
<link href="<?=site_url()?>css/jquery.simplyscroll-1.0.4.css" rel="stylesheet" type="text/css" media="all" />
<link href="<?=site_url()?>css/jquery.simplyscroll-2.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="<?=site_url()?>js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/external/jquery.bgiframe-2.1.1.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.draggable.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.position.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.resizable.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.ui.dialog.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.effects.core.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.effects.blind.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/ui/ui/jquery.effects.explode.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/jquery.simplyscroll-1.0.4.min.js"></script>
<script type="text/javascript" src="<?=site_url()?>js/jquery.simplyscroll-2.min.js"></script>

<style>
.simply-scroll{
	width: 340px;
}
.simply-scroll-btn {
	height: 51px;
	width: 21px;
}
.simply-scroll-btn-right {
	background-image:url("<?=site_url()?>images/index_37_05.jpg");
	top: 0px;
	right: 10px;
}
.simply-scroll-btn-left {
	background-image:url("<?=site_url()?>images/index_37_02.jpg");
	top: 0px;
	left: 10px;
}
.simply-scroll-list {
	top: 10px;
	left: 0px;
}
.simply-scroll .simply-scroll-clip {
height:54px;
width:290px;
left:30px;
}
ul li{
	margin:0;
	padding:0;
	list-style: none;
}
.sc2{
	width: 340px;
}
.sc2-btn {
	height: 51px;
	width: 21px;
}
.sc2-btn-right {
	background-image:url("<?=site_url()?>images/index_41_05.jpg");
	top: 0px;
	right: 10px;
}
.sc2-btn-left {
	background-image:url("<?=site_url()?>images/index_41_02.jpg");
	top: 0px;
	left: 10px;
}
.sc2-list {
	top: 10px;
	left: 0px;
}
.sc2-clip {
	height:54px;
	width:290px;
	left:30px;
}
</style>
<script type="text/javascript">
(function($) {
	$(function() { //on DOM ready
		$("#scroller").simplyScroll({
			speed: 6
		});

		$("#scroller2").simplyScroll2({
			speed: 6
		});
	
	});
})(jQuery);

var currentStu = 0;
var hallStu = 0;
var t;
function timedCount()
{
	if(currentStu >= document.getElementsByName("gstu").length) {
		currentStu = 0;
	}
	changeImg(document.getElementsByName("gstu")[currentStu]);
	currentStu++;

	if(hallStu >= document.getElementsByName("hgstu").length) {
		hallStu = 0;
	}
	changeImg2(document.getElementsByName("hgstu")[hallStu]);
	hallStu++;
	
	t = setTimeout("timedCount()",3000);
}

function changeImg(obj) {
	var imgPath = obj.src;
	document.getElementById("feedDiv").innerHTML = '<img src="'+imgPath+'" width="89" height="90" />';
	document.getElementById("feedTxt").innerHTML = '<span class="styleLabel">' + document.getElementById("de"+obj.id).value + '</span>';
	for(var i = 0; i < document.getElementsByName("gstu").length; i++) {
		if(obj == document.getElementsByName("gstu")[i]) {
			currentStu = i;
		}
	}
}

function changeImg2(obj) {
	var imgPath = obj.src;
	document.getElementById("feedDiv2").innerHTML = '<img src="'+imgPath+'" width="89" height="90" />';
	document.getElementById("feedTxt2").innerHTML = '<span class="styleLabel">' + document.getElementById("hde"+obj.id).value + '</span>';
	for(var i = 0; i < document.getElementsByName("hgstu").length; i++) {
		if(obj == document.getElementsByName("hgstu")[i]) {
			hallStu = i;
		}
	}
}

</script>

<table width="917" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="61">&nbsp;</td>
    <td width="170" style="background:#ffffff url(images/rainbow_bg_l.png) top left repeat-y;"><img src="<?=site_url()?>images/index_15.jpg" width="170" height="115" alt=""><br>
    <img src="<?=site_url()?>images/index_21.jpg" width="170" height="65" alt=""><br>
    <a href="<?=site_url()?>payment.html" target="_self" onMouseOver="MM_swapImage('Image128','','<?=site_url()?>images/indexroll_22.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_22.jpg" name="Image128" width="170" height="21" border="0"></a><br>
    <a href="<?=site_url()?>register_study_increase.html" target="_self" onMouseOver="MM_swapImage('Image127','','<?=site_url()?>images/indexroll_23.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_23.jpg" name="Image127" width="170" height="19" border="0"></a><br>
    <a href="<?=site_url()?>present_student.html" target="_self" onMouseOver="MM_swapImage('Image126','','<?=site_url()?>images/indexroll_28.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_28.jpg" name="Image126" width="170" height="18" border="0"></a><br>
    <a href="<?=site_url()?>edu_news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image130','','<?=site_url()?>images/indexroll_29.jpg',1)"><img src="<?=site_url()?>images/index_29.jpg" name="Image130" width="170" height="19" border="0"></a><br>
    <a href="<?=site_url()?>contact.html" target="_top" onMouseOver="MM_swapImage('Image129','','<?=site_url()?>images/indexroll_30.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_30.jpg" name="Image129" width="170" height="19" border="0"></a><br>
    <img src="<?=site_url()?>images/index_32.jpg" width="170" height="49" alt=""><br>
    <a href="<?=site_url()?>payment.html" target="_self" onMouseOver="MM_swapImage('Image131','','<?=site_url()?>images/indexroll_33.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_33.jpg" name="Image131" width="170" height="18" border="0"></a><br>
    <a href="<?=site_url()?>edu_news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image132','','<?=site_url()?>images/indexroll_34.jpg',1)"><img src="<?=site_url()?>images/index_34.jpg" name="Image132" width="170" height="17" border="0"></a><br>
    <a href="<?=site_url()?>contact.html" target="_self" onMouseOver="MM_swapImage('Image133','','<?=site_url()?>images/indexroll_35.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_35.jpg" name="Image133" width="170" height="23" border="0"></a><br>
    <img src="<?=site_url()?>images/index_36_01.jpg" width="170" height="76" alt=""><br>
    <img src="<?=site_url()?>images/index_36_02.jpg" width="47" height="48" alt=""><a href="http://www.facebook.com/profile.php?id=100000925430166" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image120','','<?=site_url()?>images/indexroll_36_03.jpg',1)"><img src="<?=site_url()?>images/index_36_03.jpg" name="Image120" width="47" height="48" border="0"></a><a href="http://twitter.com/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image121','','<?=site_url()?>images/indexroll_36_04.jpg',1)"><img src="<?=site_url()?>images/index_36_04.jpg" name="Image121" width="47" height="48" border="0"></a><img src="<?=site_url()?>images/index_36_05.jpg" width="29" height="48" alt=""><br>
    <a href="#" id="opener" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image122','','<?=site_url()?>images/indexroll_40.jpg',1)"><img src="<?=site_url()?>images/index_40.jpg" name="Image122" width="170" height="134" border="0"></a><img src="<?=site_url()?>images/index_43.jpg" width="170" height="461" alt=""></td>
    <td valign="top" width="623px">
		<div>
		<table width="623" border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="#FFFFFF">
    <td colspan="2"><img src="<?=site_url()?>images/index_16.jpg" width="264" height="60" alt=""></td>
    <td colspan="2"><img src="<?=site_url()?>images/index_17.jpg" width="359" height="60" alt=""></td>
    </tr>
  <tr bgcolor="#FFFFFF">
    <td colspan="2" background ="<?=site_url()?>images/indexroll_19.jpg"><table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr height="7px;">
      	<td></td>
      </tr>
      <tr>
        <td><p><span class="style1">&quot;โรงเรียนกวดวิชาแบบตัวต่อตัว&quot;</span><br>
                <span class="style2"> &nbsp;&nbsp;&nbsp;<img src="<?=site_url()?>images/logo_tutorland.jpg" width="71" height="17">  เป็นสถาบันกวดวิชาที่สอนแบบตัวต่อตัว เพื่อให้สามารถตอบสนองความต้องการที่แตกต่างของนักเรียน แต่ละคนได้ นอกจากนั้นทางโรงเรียนยังเปิดโอกาสให้ผู้เรียนเลือกตัวผู้สอนในแบบที่ชอบได้อีกด้วย
</span><br>
          <span class="style1">&quot;&#3650;&#3604;&#3618;&#3605;&#3636;&#3623;&#3648;&#3605;&#3629;&#3619;&#3660;&#3617;&#3639;&#3629;&#3629;&#3634;&#3594;&#3637;&#3614;&quot;</span><br>
          <span class="style2">&nbsp;&nbsp;&#3605;&#3636;&#3623;&#3648;&#3605;&#3629;&#3619;&#3660;&#3592;&#3634;&#3585;&#3617;&#3627;&#3634;&#3623;&#3636;&#3607;&#3618;&#3634;&#3621;&#3633;&#3618;&#3594;&#3633;&#3657;&#3609;&#3609;&#3635;&#3586;&#3629;&#3591;&#3611;&#3619;&#3632;&#3648;&#3607;&#3624; &#3648;&#3594;&#3656;&#3609; &#3592;&#3640;&#3628;&#3634;&#3621;&#3591;&#3585;&#3619;&#3603;&#3660; &#3608;&#3619;&#3619;&#3617;&#3624;&#3634;&#3626;&#3605;&#3619;&#3660; &#3617;&#3627;&#3636;&#3604;&#3621; &#3648;&#3585;&#3625;&#3605;&#3619;&#3624;&#3634;&#3626;&#3605;&#3619;&#3660; &#3624;&#3619;&#3637;&#3609;&#3588;&#3619;&#3636;&#3609;&#3607;&#3619;&#3623;&#3636;&#3650;&#3619;&#3602; &#3631;&#3621;&#3631; &#3607;&#3637;&#3656;&#3612;&#3656;&#3634;&#3609;&#3585;&#3634;&#3619;&#3588;&#3633;&#3604;&#3626;&#3619;&#3619; &#3649;&#3621;&#3632;&#3617;&#3637;&#3611;&#3619;&#3632;&#3626;&#3610;&#3585;&#3634;&#3619;&#3603;&#3660; &#3585;&#3634;&#3619;&#3626;&#3629;&#3609;&#3617;&#3634;&#3609;&#3634;&#3609; </span><br>
        </p></td>
      </tr>
    </table></td>
    <td colspan="2"  background="<?=site_url()?>images/indexroll_20.jpg"><table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="<?=site_url()?>images/logo_tutorland.jpg" width="71" height="17"> <span class="style2">เป็นสถาบันกวดวิชาที่ตั้งขึ้นจากแนว<br>
ความคิดที่ว่า “อัจฉริยภาพทางการเรียนรู้สามารถเกิดขึ้นได้<br>
หากผู้เรียนได้รับการสอนในแบบที่ชอบ” นั่นคือ<br>
สไตล์การสอนของผู้สอนเป็นส่วนสำคัญ ที่จะทำให้น้องๆ<br>
จะเรียนดีขึ้นหรือชอบ/ไม่ชอบแต่ละวิชา ทางโรงเรียน<br>
จึงเน้นการสอนในแบบตัวต่อตัว โดยเปิดโอกาสให้น้องๆ<br>
สามารถเลือกติวเตอร์ได้เอง เพื่อให้แน่ใจได้ว่าน้องๆทุกคน<br>
จะได้รับการเรียนที่มีประสิทธิภาพมากที่สุด
</span></td>
      </tr>
    </table></td>
    </tr>
  <tr>
    <td><img src="<?=site_url()?>images/indexroll_24.jpg" width="188" height="53" alt=""></td>
    <td><a href="<?=site_url()?>why_tutorland.html" target="_self" onMouseOver="MM_swapImage('Image145','','<?=site_url()?>images/indexroll_25.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_25.jpg" name="Image145" width="76" height="53" border="0"></a></td>
    <td><img src="<?=site_url()?>images/indexroll_26.jpg" width="236" height="53" alt=""></td>
    <td><a href="<?=site_url()?>to_parent.html" target="_self" onMouseOver="MM_swapImage('Image146','','<?=site_url()?>images/indexroll_27.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_27.jpg" name="Image146" width="123" height="53" border="0"></a></td>
  </tr>
</table>
		</div>
		<div>
		<table width="623" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
  <tr>
    <td colspan="5"><img src="<?=site_url()?>images/index_31_01.jpg" width="623" height="35" alt=""></td>
    </tr>
  <tr>
    <td width="37"><img src="<?=site_url()?>images/index_31_02.jpg" width="37" height="130" alt=""></td>
    <td width="94">
    	<div id="feedDiv" style="float:left; z-index:200;">
			<img src="<?=site_url()?>data-image/good-student/<?php echo $feedback[0]->student_path;?>" width="90" height="91" />
		</div>
		<div style="float:left; margin-top:-95px;">
			<img alt="" src="<?=site_url()?>images/index_31_03.png"  width="92" height="95" />
		</div>
    </td>
	<td width="229" bgcolor="#FFFFFF" valign="top" id="feedTxt" style="word-wrap: break-word; padding-left:10px;"><span class="styleLabel"><?php echo $feedback[0]->detail;?></span></td>    
    <td width="203"><img src="<?=site_url()?>images/index_31_05.jpg" width="203" height="95" alt=""></td>
    <td width="52"><img src="<?=site_url()?>images/index_31_06.jpg" width="52" height="130" alt=""></td>
  </tr>
  </table>
  <table width="623" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
	  <tr>
	    <td width="24"><img src="<?=site_url()?>images/index_37_01.jpg" width="24" height="71" alt=""></td>
	    <td >   
	    	<div>
	    		<ul id="scroller">
	    			<?php for($i = 0; $i < count($feedback); $i++) { if($feedback[$i]->student_path == null) continue; ?>
			 		<li>
				 		<img name="gstu" id="<?php echo $feedback[$i]->good_student_id;?>" src="<?=site_url()?>data-image/good-student/<?php echo $feedback[$i]->student_path;?>" height="31" width="28" alt="<?php echo $feedback[$i]->student_name;?>" onclick="changeImg(this);" />
						<input type="hidden" value="<?php echo $feedback[$i]->detail;?>" id="de<?php echo $feedback[$i]->good_student_id;?>"/>		 		
			 		</li>
		 			<?php } ?>
		 			<li>&nbsp;</li>
	    		</ul>
	    	</div>
	    </td>
	    <td width="123" rowspan="2"><a href="<?=site_url()?>present_student.html" target="_self" onMouseOver="MM_swapImage('Image144','','<?=site_url()?>images/indexroll_38.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_38.jpg" name="Image144" width="123" height="82" border="0"></a></td>
	  </tr>
	  <tr>
	    <td colspan="2"><img src="<?=site_url()?>images/index_37_07.jpg" width="500" height="11" alt=""></td>
	    </tr>
	</table>  
        </div>
		<div>
 <table width="623" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
  <tr>
    <td colspan="5"><img src="<?=site_url()?>images/index_39_01.jpg" width="623" height="35" alt=""></td>
    </tr>
  <tr>
    <td width="37"><img src="<?=site_url()?>images/index_39_02.jpg" width="37" height="99" alt=""></td>
    
    <td bgcolor="#FFFFFF" width="100">
    	<div id="feedDiv2" style="float:left; z-index:200;">
			<img src="<?=site_url()?>data-image/hall/<?php echo $hall[0]->image;?>" width="90" height="91" />
		</div>
		<div style="float:left; margin-top:-95px;">
			<img alt="" src="<?=site_url()?>images/index_39_03.png"  width="92" height="95" />
		</div>
    </td>
    <td width="231" bgcolor="#FFFFFF" valign="top" id="feedTxt2" style="word-wrap: break-word; padding-left:10px;"><span class="styleLabel" ><?php echo $hall[0]->detail;?></span></td>
    <td width="203"><img src="<?=site_url()?>images/index_39_05.jpg" width="199" height="95" alt=""></td>
    <td width="52"><img src="<?=site_url()?>images/index_39_06.jpg" width="52" height="99" alt=""></td>
  </tr>
  </table>
 
  <table width="623" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
  <tr>
    <td width="24"><img src="<?=site_url()?>images/index_41_01.jpg" width="24" height="70" alt=""></td>
    <td  height="54">
    	<div>
    		<ul id="scroller2">
				<?php for($i = 0; $i < count($hall); $i++) { if($hall[$i]->image == null) continue; ?>
					<li>
						<img name="hgstu" id="h<?php echo $hall[$i]->stu_id;?>" src="<?=site_url()?>data-image/hall/<?php echo $hall[$i]->image;?>" height="31" width="28" alt="<?php echo $hall[$i]->name;?>" onclick="changeImg2(this);" />
						<input type="hidden" value="<?php echo $hall[$i]->detail;?>" id="hdeh<?php echo $hall[$i]->stu_id;?>" /></li>
		 			<?php } ?>
		 			<li>&nbsp;</li>
	    		</ul>
	    	</div>
	    </td>
    <td width="123" rowspan="2"><a href="<?=site_url()?>award.html" target="_self" onMouseOver="MM_swapImage('Image147','','<?=site_url()?>images/indexroll_42.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="<?=site_url()?>images/index_42.jpg" name="Image147" width="123" height="85" border="0"></a></td>
  </tr>
  <tr>
    <td colspan="2"><img src="<?=site_url()?>images/index_41_07.jpg" width="500" height="15" alt=""></td>
    </tr>
</table>
 
 
      </div>
		<div>
		  <table width="623" height="192" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
            <tr>
              <td rowspan="5"><img src="<?=site_url()?>images/index_44_01.jpg" width="16" height="192" alt=""></td>
              <td rowspan="5"><img src="<?=site_url()?>images/index_44_02.jpg" width="15" height="192" alt=""></td>
              <td colspan="2"><img src="<?=site_url()?>images/index_44_03.jpg" width="542" height="18" alt=""></td>
              <td rowspan="5"><img src="<?=site_url()?>images/index_44_04.jpg" width="50" height="192" alt=""></td>
            </tr>
            <tr>
              <td><a name="edu_news"><img src="<?=site_url()?>images/index_44_05.jpg" width="515" height="42" alt=""></a></td>
              <td width="27" height="42">&nbsp;</td>
            </tr>
            <tr>
              <td valign="top">
              	<marquee scrolldelay="170" direction="up" height="80" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
              		<?php for($i = 0; $i < count($news); $i++) { ?>
				 		<div id="devlism_news_img" style="float:left;width:85px;">
				<?php
					if(file_exists(FCPATH.'data-image/news/'.($news[$i]->att_image)) AND $news[$i]->att_image!=''){
						echo '<img style="width:80px;" src="'.site_url().'data-image/news/'.($news[$i]->att_image).'" />';	
					}else{
						echo '<img style="width:80px;" src="'.site_url().'data-image/news/no-img.jpg" />';	
					}
				?>
				</div>
				<div id="devlism_news_detail" style="float:left;width:390px;margin-left:10px;">
				 		<span class="style2">
				 			<strong><?php echo strip_tags($news[$i]->title);?></strong><br/>
				 			<?php echo strip_tags($news[$i]->intro);?>
				 		</span>
				 		<span class="style1">
				 			<a href="javascript:NewsDetail('<?php echo ($news[$i]->news_id);?>');" class="style1">&#3629;&#3656;&#3634;&#3609;&#3605;&#3656;&#3629; &gt;&gt;</a>
				 		</span><br/><br/>
				 		<input type="hidden" id="af<?php echo ($news[$i]->news_id);?>" value='<?php echo $news[$i]->att_file == null ? "#" : site_url()."data-image/news/".$news[$i]->att_file ;?>' />
				 		<input type="hidden" id="dt<?php echo ($news[$i]->news_id);?>" value='<?php echo htmlspecialchars($news[$i]->detail);?>' />
				 		<input type="hidden" id="tt<?php echo ($news[$i]->news_id);?>" value='<?php echo htmlspecialchars($news[$i]->title);?>' />
				</div>
				<div style="clear:both;">&nbsp;</div>
				 	<?php } ?>
              	</marquee>
              </td>
              <td width="27" height="88"></td>
            </tr>
            <tr>
              <td colspan="2" height="33">
              	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              	&nbsp;&nbsp;&nbsp;
              	<a href="<?=site_url()?>edu_news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/bottomroll_more.jpg',1)"><img src="images/bottom_more.jpg" name="Image1" width="58" height="27" border="0" id="Image1" /></a>
              </td>
            </tr>
            <tr>
              <td><img src="<?=site_url()?>images/index_44_10.jpg" width="515" height="11" alt=""></td>
              <td ><img src="<?=site_url()?>images/index_44_11.jpg" width="27" height="11" alt=""></td>
            </tr>
          </table></div>
		  <div>
		  <table  width="623" height="192" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
			<tr>
				<td colspan="3">
					<img src="<?=site_url()?>images/indexroll_45_01.jpg" width="623" height="22" alt=""></td>
			</tr>
			<tr>
				<td>
					<img src="<?=site_url()?>images/indexroll_45_02.gif" width="20" height="151" alt=""></td>
				<td width="551">
					<?php if(isset($banner['file_name'])) {
			      			if(strpos($banner['file_name'], ".swf") > 0) {
			      				// flash player
			      				echo '<object width="550" height="150">
									    <param name="movie" value="'. $banner['file_name'] .'">
									    <embed src="'. site_url() . 'data-image/file_management/' . $banner['file_name'] .
									    '" width="550" height="150">
									    </embed>
									</object>';
			      			} else {
			      				// image
			      				echo '<img src="'. site_url() . 'data-image/file_management/' . $banner['file_name']  .'" width="550" height="130" />';
			      			}	
			      		}
			      ?>
				</td>
				<td><img src="<?=site_url()?>images/indexroll_45_04.gif" width="52" height="151" alt=""></td>
			</tr>
			<tr>
				<td colspan="3">
					<img src="<?=site_url()?>images/indexroll_45_05.gif" width="623" height="21" alt=""></td>
			</tr>
		</table>
		  
		  </div>
	</td>
    <td width="63" style="background-image:url(<?=site_url()?>images/index_18.jpg); background-repeat:no-repeat;">&nbsp;</td>
  </tr>
</table>

<div id="dialog" title="แลกลิงค์กับเรา">
	<p><span class="style2">Copy code ข้างล่างนี้ไปแปะไว้ ที่เว็บเพจของคุณ  </span></p>
	<span class="style2"><textarea readonly="readonly" name="textarea" rows="5" cols="50">&lt;a href="http://www.tutor-land.com/" style="border:0px; text-decoration:none;" &gt; &lt;img src="http://www.tutor-land.com/images/tutorland-logo.jpg" width="121" height="98" /&gt; &lt;/a&gt; </textarea></span><br/>
</div>
<div id="dialogNews" title="ข่าวการศึกษา"></div>
<script type="text/javascript">
	$.fx.speeds._default = 1000;
	$(function() {
		$('#dialog').dialog({
			autoOpen: false,
			width: 400,
			show: 'blind'
			
		});
		
		$('#opener').click(function() {
			$('#dialog').dialog('open');
			return false;
		});

		$('#dialogNews').dialog({
			autoOpen: false,
			width: 800,
			height: 600,
			show: 'blind'
		});
		
		timedCount();
	});

	function NewsDetail(n) {
		document.getElementById('dialogNews').innerHTML = '<p><span class="style2"><Strong>' + document.getElementById('tt' + n).value + ' </Strong></span></p>';
		document.getElementById('dialogNews').innerHTML += '<div class="style2" align="left">'+document.getElementById('dt' + n).value + '<br/></div><hr/>';
		if(document.getElementById('af' + n).value != "#")
			document.getElementById('dialogNews').innerHTML += '<div align="left"><span class="style1" >เอกสารแนบ: </span><a class="style1" target="_blank" href="' + document.getElementById('af' + n).value +'"> เปิดดูเอกสาร </a></div>';
		
		$('#dialogNews').dialog('open');
	}
</script>

